<template>
    <header class="main-header">
        <h1>TodoList</h1>
    </header>
</template>

<script>
    export default {
        name : 'MainHeader',
   }
</script>
<!--scope 样式只影响当前文件-->
<style lang="stylus" scope>
    /*@import "../assets/styles/theme.styl";*/
    /*简写(webpack配置的别名)*/
    @import "~styles/theme.styl";
    .main-header{
        margin:20px;
        text-align: center;
    }
    h1 {
        color: $white;
        font-size: 100px;
        font-weight: 100;
        text-shadow: 5px 5px 5px rgba(15, 204, 255, 0.6);
    }
</style>